<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_元素变换与过度</title>
     <style>
         div{
             width: 100px;
             height: 100px;
             background-color: red;
             margin: 100px auto 0;
             transition: 1.3s;
         }
         div:hover{
             background-color: yellow;
             transform: scale(2) rotate(720deg);
         }
     </style>
</head>
<body>
<div></div>
</body>
</html>